<template>
    <!--  <div class="zhuye_container">  -->
        <el-container  class="login_container" >
         <el-header>
             <div>
                 
                 <span>产品销售管理系统</span>
                 </div>
         </el-header>
    <el-container>
        <el-aside width="200px">
            <!-- <el-row> -->
            <!-- <el-button type="primary" round>产品</el-button>
            <el-button type="primary" round>供货商</el-button>
            <el-button type="primary" round>合同</el-button> -->
            <!-- 侧边栏菜单-->
            <el-menu background-color="#333744" text-color="#fff" active-text-color="#ffd04b" unique-opened router  >
                <!--一级菜单 -->
                <el-submenu index="1">
                    <template slot="title" >
                      <i class="el-icon-location" ></i>
                     <span>产品</span>
                    </template>
                <!-- 二级菜单 -->
                <!-- <el-menu-item> -->
                  <el-menu-item index="product" >
                      <template slot="title" >
                      <i class="el-icon-location" ></i>
                      <!-- <router-link to="/product">产品表</router-link> -->
                     <span>产品表</span>
                    </template>
                  </el-menu-item>
                 </el-submenu>

                <el-submenu index="2">
                    <template slot="title" >
                      <i class="el-icon-location" ></i>
                     <span>供货商</span>
                    </template>
                <!-- 二级菜单 -->
                  <el-menu-item index="supply">
                      <template slot="title" >
                      <i class="el-icon-location" ></i>
                     <span>供货单位表</span>
                    </template>
                  </el-menu-item>
                 </el-submenu>

                <el-submenu index="3">
                    <template slot="title" >
                      <i class="el-icon-location" ></i>
                     <span>合同</span>
                    </template>
                <!-- 二级菜单 -->
                  <el-menu-item index="pact">
                      <template slot="title" >
                      <i class="el-icon-location" ></i>
                     <span>合同表</span>
                    </template>
                  </el-menu-item>

                 </el-submenu>
                </el-menu>
            </el-aside>

            <!-- 右侧内容主题区 -->
        <el-main>
              <router-view></router-view>  
        </el-main>
  </el-container>
</el-container> 
    <!-- </div> -->
</template>

<script>
export  default{
   
}
</script>

<style lang="less" scoped>
.login_container{
    height:100%;
}
.el-header{
    background-color :#373d41;
    display:flex;
    justify-content: space-between;
    //aplign-items:center;
    color: #fff;
    font-size: 30px;
}
.el-aside{
    background-color: #333744;
    .el-menu{
        border-right: none ;  //可以解决每次打开菜单栏右边对不起的情况
    }
  //  height:100%;
}
.el-main{
    background-color: #eaedf1;
}
</style>

